<template>
  <div class="demo-button">
    <cv-button label="label" />
    <cv-button @click="handleClick">Button</cv-button>
    <h4>状态</h4>
    <cv-button
      v-for="item in ['primary', 'success', 'warn', 'error', 'info']"
      :label="item"
      :key="item"
      :status="item"
    ></cv-button>
  </div>
</template>

<script>
export default {
  name: "demo-button",
  methods:{
    handleClick(){
      console.log("click");
    }
  }
};
</script>

<style lang="scss">
.demo-button {
  .cv-button {
    margin-right: 8px;
  }
}
</style>
